import React, { Component } from 'react'

import Index from './pages/Index'
import Login from './pages/Login'

import { HashRouter, Route, Redirect } from 'react-router-dom'

export default class App extends Component {

  // 判断是否登录
  // 要求：必须要返回一个组件
  // props: 三大属性
  chkLogin = (props) => {
    // 判断登录
    let token = sessionStorage.getItem('token')
    if (token === null) {
      // 重定向到 Login 页面
      return <Redirect to="/login" />
    } else {
      // 进入后台首页
      // return <Index history={props.history} location={props.location}  match={props.match} />
      return <Index {...props} />
    }
  }

  render() {
    return (
      <HashRouter>
        {/* 显示两个子页面 */}
        <Route path="/" component={props => this.chkLogin(props)} />
        <Route path="/login" component={Login} />
      </HashRouter>
    )
  }
}
